﻿*{padding:0;margin:0;}
body
{
	background-color:#4e4e4e;
}

#container
{
	background-color:white;
	width:80%;
	
	margin:auto;
	
}

#header
{
	background-color:#178A00;
	width:100%;
	height:60px;
	text-align:center;
}
#header h1 
{
	padding-top:1%;
}
#menu
{
	float:left;
	background-color:#147500;
	width:100%;
	height:30px;
	 text-align:center;
}
#menu table tr td a {color:white; text-decoration:none;}
#menu table tr td:hover {color:white; text-decoration:none; background-color:red;}

#main
{
	background-color:blue;
	width:100%;
	
}
#left
{
	background-color:white;
	width:60%;
	height:400px;
	float:left;
}
#right
{
	background-color:gold;
	width:40%;
	height:400px;
	float:right;
}

#footer
{
	clear:both;
	background-color:#178A00;
	width:100%;
	height:100px;
}
@media screen and (max-width:960px)
{
	#container
{	
	width:100%;	
}

#header
{
	width:100%;
}

#main
{
	width:100%;
	
}
#left
{
	
	width:100%;
	
	float:none;
}
#right
{

	width:100%;

	float:none;
}
#content
{
	
	width:100%;
	margin-left:0%;
	margin-right:0%;
}
#footer
{
	background-color:#178A00;
	width:100%;
	height:100px;
}
}